import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
// import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import Login from './Login.jsx'
import Regist from './Regist.jsx'
import Trade from './Trade.jsx'
import Contact from './ContactUs.jsx'
import MemberInfo from './Member/MemberInfo.jsx'
import APIKey from './Member/ApiKey.jsx'
import Success from './Success.jsx'
import Setting from './Member/Setting.jsx'
import ReSetPassword from './Member/ReSetPassword.jsx'
import RpsEmail from './Member/RpsEmail.jsx'
import ManagePlan from './Member/ManagePlan.jsx'
import Billing from './Member/Billing.jsx'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<App />} />
        <Route path="Login" element={<Login />} />
        <Route path="Regist" element={<Regist />} />
        <Route path="Trade" element={<Trade />} />
        <Route path="Contact" element={<Contact />} />
        <Route path="MemberInfo" element={<MemberInfo />} />
        <Route path="APIKey" element={<APIKey />} />
        <Route path="Success" element={<Success />} />
        <Route path="Setting" element={<Setting />} />
        <Route path="ReSetPassword" element={<ReSetPassword />} />
        <Route path="RpsEmail" element={<RpsEmail />} />
        <Route path="ManagePlan" element={<ManagePlan />} />
        <Route path="Billing" element={<Billing />} />
      </Routes>
    </BrowserRouter>
  </React.StrictMode>
)
